﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="M2M.aspx.cs" Inherits="M2M" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
    <style type="text/css">
ul.bjqs h1, ol.bjqs-markers li a, #some_features li .features_text h6 a {
	behavior: url("js/PIE.htc") !important;
}

        .tempStyle
        {
           float:left;
	        width:100%;
	        background-image:url(../images/white_texture.png);
	        background-position:0 0;
	        height:394px;
        }
</style>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="ui/ui.core.js"></script>
<script type="text/javascript" src="ui/ui.tabs.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div id="project_84">
            	<%--<h1>The process is <strong>simple &#43; safe</strong> and allows you <br />to live the life you've always <strong>dreamt about.</strong></h1>--%>
                <h1>Building <strong>simple &#43; safe</strong> Wireless Solution that You've always dreamt about.</h1>
                <a class="proj_sign" href="contact.aspx">&nbsp;</a>
                <div id="proj_process">
                	<div class="proj_process">
                			<a href="#" class="subject_brain">&nbsp;</a>
                        	<p>User Friendly Device </p>                        	
                	</div><div class="arrwo_bg"></div>
                    <div class="proj_process">
                			<a href="#" class="lens_eve">&nbsp;</a>
                        	<p>It is widely used for monitoring purpose</p>                        	
                	</div><div class="arrwo_bg"></div>
                    <div class="proj_process">
                			<a href="#" class="safe_fast">&nbsp;</a>
                        	<p>This all provides instant,<br /> safe + easy technology solutions</p>                        	
                	</div>
                </div>
            </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
    <div id="tempStyle">
    <div id="wrapper_top_project">
    <div class="center_frame">
     <!--Tab Contant Start Here-->
       <!--tab start here-->
  <div class="tab-wrapper" id="tab-wrapper"> 
    
    <div class="tab_container"> 
     <div class="tab-header">
      <ul class="tabs">
             
        <li class="sef1" ><a href="#tab1" title="Environment Monitoring"><strong>The Environment</strong></a></li>
    	<li class="sef2"><a href="#tab2"title="patient Monitoring" ><strong>Brain Games</strong></a></li>
    	<li  class="sef3"><a href="#tab3" title="Street light Solution" ><strong>Protective System</strong></a></li>
        <li  class="sef4"><a href="#tab4"title="Lighting Control" ><strong>Safety First</strong></a></li>
        <li  class="sef5"><a href="#tab5" title="Remote Monitoring" ><strong>Detailed Tracking</strong></a></li>
        <li  class="sef6"><a href="#tab6" title="Connected Home"><strong>Google Maps</strong></a></li>
      </ul>
    </div>
     
    </div>
  </div>
  <!--tab end here--> <!-- //Tab Container -->
<script type="text/javascript" src="../Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        //When page loads...
        $(".tab_contant").hide(); //Hide all content
        $("ul.tabs li:first").addClass("active").show(); //Activate first tab
        $(".tab_contant:first").show(); //Show first tab content
        //On Click Event
        $("ul.tabs li").click(function () {
            $("ul.tabs li").removeClass("active"); //Remove any "active" class
            $(this).addClass("active"); //Add "active" class to selected tab
            $('#tab2').addClass("active_1");
            $('#tab3').addClass("active_2");
            $('#tab4').addClass("active_3");
            $('#tab5').addClass("active_4");
            $('#tab6').addClass("active_5"); // set clicked link to highlight state
            $(".tab_contant").hide(); //Hide all tab content
            var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
            $(activeTab).show(); //Fade in the active ID content
            return false;
        });

    });

</script>
<!---Mouse over event--->
<%--<script type="text/javascript">
function drawCircle(stage,x,y,r) {
  var circle = new Kinetic.Shape(function(){
    var context = this.getContext();
    // draw the circle here: strokeStyle, beginPath, arc, etc...
  });
  circle.addEventListener("mouseover", function(){
    // do something
  });
  stage.add(circle);
}--%>
<%--</script>--%>

<!----Mouse over ends here=----->
      <!--Tab Contant End Here-->
    </div>
  </div>
  </div>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server">
    <div id="main_contant" style="height: 500px;" >
    <div class="center_frame">
 <!--first post start here-->
          
      <div id="tab1" class="tab_contant" > <img class="tab_img" alt="Environment Monitoring" src="images/m2m_img_1.png" /> 
        <!--content jo right side main hai-->
        
        <div class="tab_right_side">
          <h1>Environment Monitoring</h1>
          <h6>A Healthy Ecology is the Basis for a Healthy Economy.</h6>
          <p> Environmental monitoring generates the critical information that is essential for sound environment. Using orion the information is use to access the current state of the environment, to predict the future environment, and to develop sound strategies for adapting to environmental change. For example, daily weather forecasts rely on a complex set of linked environmental monitoring systems. </p>
        </div>
        <!--content jo right side main hai iesse pale add karna hai--> 
      </div>
      <!--first post end here--> 
      <!--second post start here-->
      <div id="tab2" class="tab_contant"> <img class="tab_img" alt="patient Monitoring" src="images/m2m_img_2.png" /> 
        <!--content jo right side main hai-->
        <div class="tab_right_side">
          <h1>Patient Monitoring</h1>
          <h6>Remote Patient Monitoring</h6>
          <p>Now a days remote patient monitoring becomes more important.In a place like india 
              where there is shortage of hospitals in rural areas, this remote monitoring 
              proved to a boon. The top class doctors can attend the patients and handle and 
              supervise the complex situations remotely using orion gateway. </p>
        </div>
        <!--content jo right side main hai iesse pale add karna hai--> 
      </div>
      <!--second post end here--> 
      <!--thired post start here-->
      <div id="tab3" class="tab_contant"> <img class="tab_img" alt="Street light Solution" src="images/m2m_img_3.png" /> 
        <!--content jo right side main hai-->
        <div class="tab_right_side">
          <h1>Street light Solution</h1>
          <h6>Smart Street Light Solution using Orion</h6>
          <p>Smart Street Lighting Solution transforms streetlights into intelligent, energy-efficient, remotely managed networks that deliver dependable lighting with less cost and low-energy luminaires . Over the long term, Smart Street Lighting serves as a foundation for building a Smart City. Smart street light solution allows a city to easily schedule lights on or off and set dimming levels of individual or groups of lights so a city can intelligently provide the right level of lighting needed by time of day, season, or weather conditions</p>
        </div>
        <!--content jo right side main hai iesse pale add karna hai--> 
      </div>
      <!--thired post end here--> 
      <!--fourth post start here-->
      <div id="tab4" class="tab_contant"><img class="tab_img" alt="Lighting Control" src="images/m2m_img_4.png" /> 
        <!--content jo right side main hai-->
        <div class="tab_right_side">
          <h1>Lighting Control</h1>
          <h6>Save Energy & Time</h6>
          <p>From any setting–your home, office, high rise apartment or multi-dwelling residential smart Light solutions can be easily customized to fuse seamlessly with your personal taste. You can easily schedule lights on or off and set dimming levels of individual or groups of lights intelligently. </p>
        </div>
        <!--content jo right side main hai iesse pale add karna hai--> 
      </div>
      <!--fourth post end here--> 
      <!--fifth post start here-->
      <div id="tab5" class="tab_contant"> <img class="tab_img" alt="Remote Monitoring" src="images/m2m_img_5.png"/> 
        <!--content jo right side main hai-->
        <div class="tab_right_side">
          <h1>Remote Monitoring</h1>
          <h6>Acess from Anywhere, Anytime...!!! </h6>
          <p> Orion refers to a field of industrial automation that is entering a new era with the development of wireless sensing devices. Initially limited to SCADA technology, remote monitoring now refers to the measurement of disparate devices from a network operations center or control room and the ability to change and control the operation of these devices from central office.</p>
        </div>
        <!--content jo right side main hai iesse pale add karna hai--> 
      </div>
      <!--fifth post end here--> 
      <!--sixth post start here-->
      <div id="tab6" class="tab_contant"> <img class="tab_img" alt="Connected Home" src="images/m2m_img_6.png" /> 
        <!--content jo right side main hai-->
        <div class="tab_right_side">
          <h1>Connected Home</h1>
          <h6>Smart Home Smart Choice...!!!</h6>
          <p>Gone are the days when you had to recall whether you have switch off Lights. Now control your appliances, security locks of gates and doors and other systems, to provide improved convenience, comfort, energy efficiency and security.</p>
        </div>
        <!--content jo right side main hai iesse pale add karna hai--> 
      </div>
      <!--sixth post end here--> 
      </div>
      </div>
    <!--Main Contant Start Here-->
  <%--<div id="main_contant">
    <div class="center_frame">
      <div id="project_84_main_contant">
      		<h1>Let's look at some of the features</h1>
            <ul id="some_features">
            	<li>
                	<img src="images/remember_every.png" alt=""  />
                    <div class="features_text">
                    	<h6>Remember everything</h6>
                        <p>Don't ever forget anything again. The chip in your brain makes sure everything is kept. And kept safe forever and ever.</p>
                    </div>
                </li>
                <li>
                	<img src="images/up_2_date.png" alt=""  />
                    <div class="features_text">
                    	<h6>Up-to-date 24/7</h6>
                        <p>On our end we'll make sure you're updated with the newest software. It happens while you sleep and it doesn't take more than a few minutes.</p>
                    </div>
                </li>
                <li>
                	<img src="images/full_power.png" alt=""  />
                    <div class="features_text">
                    	<h6>Full power</h6>
                        <p>You're the battery, so don't ever worry about power. As long as your heart beats you're online and only when you're finally dead you're out of power.</p>
                    </div>
                </li>
                <li>
                	<img src="images/chat_every.png" alt=""  />
                    <div class="features_text">
                    	<h6>Chat with everyone <a >Not Included In Beta</a></h6>
                        <p>Want to call your mom? Your son? Your best friend? All you have to do is imagine them and you'll be redirected instantly.</p>
                    </div>
                </li>
                
                
                <li>
                	<img src="images/service_provided.png" alt=""  />
                    <div class="features_text">
                    	<h6>Service provided</h6>
                        <p>If the chip or lens malfunctions we're here to help day and night. Call us or go online where pretty ladies sit at telephones. We're at your service.</p>
                    </div>
                </li>
                <li>
                	<img src="images/growing_com.png" alt=""  />
                    <div class="features_text">
                    	<h6>Growing community</h6>
                        <p>We're growing fast so join in while you can and the Beta is free. It won't be long until we go gold and then you'd have to pay a lot!</p>
                    </div>
                </li>
                <li>
                	<img src="images/via_chip.png" alt=""  />
                    <div class="features_text">
                    	<h6>Sustenance via chip<a >Coming Soon</a></h6>
                        <p>Soon we'll implement something incredible: You won't have to ever eat or drink again.. quite useful for busy businessmen and others.</p>
                    </div>
                </li>
                <li>
                	<img src="images/save_money.png" alt=""  />
                    <div class="features_text">
                    	<h6>Save money</h6>
                        <p>No need to buy smart phones, computers, speakers, radios or anything else. It's all there in your brain and in your eye ready for use.</p>
                    </div>
                </li>
            </ul>
      </div>
    </div>
  </div>--%>
  <!-- Main Contant End Here --> 
</asp:Content>

